﻿<script src="~/lib/vue/dist/vue.global.js"></script>
<script src="~/lib/axios/dist/axios.js"></script>
<link href="~/lib/element-plus/dist/index.css" rel="stylesheet" />
<script src="~/lib/element-plus/dist/index.full.js"></script>
<div id="app">
	<form id="recruitAction!findEngageResume?a=list" name="resumeChooseForm" action="/HR_Fist/recruit/recruitAction!findEngageResume?a=list" method="post">
		<input type="hidden" name="engageResume.human_major_kind_name"
			   id="major_kind_name" />
		<input type="hidden" name="engageResume.human_major_name"
			   id="major_name" />
		<input type="hidden" name="engageResume.check_status"
			   value="false" />

		<table width="100%">
			@* <tr>
				<td>
					<p color="black">
						您正在做的业务是：人力资源--招聘管理--简历管理--简历筛选
					</p>
				</td>
			</tr> *@
			<tr>
				<td align="right">

					<input type="button" value="开始" class="BUTTON_STYLE1"
						   v-on:click="search">
				</td>
			</tr>
		</table>
		<table width="100%" border="1" cellpadding=0 cellspacing=1
			   bordercolorlight=#848284 bordercolordark=#eeeeee
			   class="TABLE_STYLE1">

			<tr>
				<td class="TD_STYLE1">
					请选择职位分类
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.zwfl" placeholder="--请选择--" class="SELECT_STYLE2">
						<el-option v-for="item in zwfl"
								   :key="item.major_kind_id"
								   :label="item.major_kind_name"
								   :value="item.major_kind_id"
								   v-on:click="jls(item.major_kind_id)" />

					</el-select>
					<el-select v-model="from.zwmc" placeholder="--请选择--" class="SELECT_STYLE2">
						<el-option v-for="item in zwmc"
								   :label="item.major_name"
								   :value="item.major_id"></el-option>
					</el-select>

				</td>
			</tr>

			<tr>
				<td class="TD_STYLE1" width="30%">
					请输入关键字
				</td>
				<td width="84%">
					<input v-model="from.gjz" type="text" name="utilBean.primarKey" value=""
						   class="INPUT_STYLE2" />
				</td>
			</tr>

			<tr>
				<td class="TD_STYLE1" width="30%">
					请输入登记时间
				</td>
				<td width="84%" class="TD_STYLE2">
					<input type="hidden" name="utilBean.datePropertyName" value="registTime" />

					<el-date-picker v-model="from.sjy"
									type="date"
									placeholder="选择日期">
					</el-date-picker>
					至
					<el-date-picker v-model="from.sje"
									type="date"
									placeholder="选择日期">
					</el-date-picker>
					（YYYY-MM-DD）
				</td>
			</tr>
		</table>
	</form>

</div>
<script type="text/javascript">
	var { createApp, reactive, ref, computed, watchEffect } = Vue
	var app = createApp({
		setup() {
			let zwfl = ref();
			let zwmc = ref();
			axios.post('/GetCMK')
				.then(function (response) {
					console.log(response.data);
					zwfl.value = response.data;
				})
			//点击一级下拉框，出现二级
			function jls(zhi) {
				console.log("1111111")
				console.log(zhi);
				axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
				axios.post('/GetCMById/' + zhi).then(response => {
					console.log(response.data);
					zwmc.value = response.data;
				}).catch(error => {
					console.error('Error fetching data:', error);
				});
			}
			let from = reactive({
				zwfl: "",
				zwmc: "",
				gjz: "",
				sjy: "",
				sje: ""
			})
			function search() {
				console.log(from);
				const queryParams = new URLSearchParams();
				queryParams.set('ERS', JSON.stringify(from));
				window.location.href = `/ERS/Index1?${queryParams.toString()}`;
			}
			return {
				zwfl,
				zwmc,
				jls,
				from,
				search
			}
		}
	})
	app.use(ElementPlus)
	app.mount("#app")
</script>
<style>
	/* CSS Document */
	* {
		FONT-FAMILY: 微软雅黑;
	}

	.resizeDivClass {
		position: relative;
		background-color: #DEDBD6;
		width: 2;
		z-index: 1;
		left: expression(this.parentElement.offsetWidth-1);
		cursor: e-resize;
	}

	A:visited {
		TEXT-DECORATION: none
	}

	A:active {
		TEXT-DECORATION: none
	}

	A:hover {
		TEXT-DECORATION: underline overline
	}

	A:link {
		TEXT-DECORATION: none
	}

	.t {
		LINE-HEIGHT: 1.4
	}

	BODY {
		
		FONT-SIZE: 10pt;
		SCROLLBAR-HIGHLIGHT-COLOR: buttonface;
		SCROLLBAR-SHADOW-COLOR: buttonface;
		SCROLLBAR-3DLIGHT-COLOR: buttonhighlight;
		SCROLLBAR-TRACK-COLOR: #eeeeee;
		SCROLLBAR-DARKSHADOW-COLOR: buttonshadow;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}

	TD {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	DIV {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	FORM {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	OPTION {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	P {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	TD {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	BR {
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	

	SELECT {
		
		BORDER-BOTTOM-COLOR: #000000;
		BORDER-BOTTOM-WIDTH: 1px;
		BORDER-LEFT-COLOR: #000000;
		BORDER-LEFT-WIDTH: 1px;
		BORDER-RIGHT-COLOR: #000000;
		BORDER-RIGHT-WIDTH: 1px;
		BORDER-TOP-COLOR: #000000;
		BORDER-TOP-WIDTH: 1px;
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	.gray {
		CURSOR: pointer;
		FILTER: gray
	}

	.style3 {
		font-size: 16px;
		font-weight: bold;
	}

	.TABLE_STYLE1 {
		border: 1px solid;
		border-color: #000000;
		border-collapse: collapse;
		width: 100%;
	}

	.TABLE_STYLE2 {
		width: 100%;
	}

	.ALL-STYLE {
		border: 1px ridge #666666;
		border-color: #DEDBD6;
	}

	.TR_STYLE1 {
	}

	.style8 {
		color: #000066
	}



	.TD_HANDBOOK_STYLE1 {
		vertical-align: top;
		width: 100%;
		color: #0000FF;
	}

	.TD_STYLE1 {
		
		border-width: 1;
	}

	.TD_STYLE2 {
		border-spacing: 1px;
		
		border-color: #DEDBD6;
		border: 0;
	}

	.TD_STYLE3 {
	}

	.SUBMIT_STYLE1 {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	

	

	
	


	.SELECT_STYLE2 {
		width: 30%;
	}


	

	

	.INPUT_STYLE1 {
		
		width: 30%
	}

	.INPUT_STYLE2 {
		
		width: 100%
	}
</style>

